<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title>登录 </title>
    <div data-th-replace="layout/head"></div>
</head>
<body>
    <!-- top bar -->
    <header class="bar bar-nav">
        <a class="button button-link button-nav pull-left goBack" href="javascript:window.history.go(-1);">
            <span class="iconfont icon-fanhui"></span>
        </a>
        <h1 class='title title-white unBorder'>登录</h1>
    </header>
    <!-- top bar end-->
<!-- top bar end-->
    <div class="content content-padded">
        <input type="hidden" id="message" th:value="${message}"/>
        <article class="card">
            <div class="card-header">
                <div class="lr-header" th:text="${titleName}"></div>
            </div>
            <div class="card-content lr__wrap">
                <div class="card-content-inner">
                    <div class="list-block">
                        <ul class="lr-content__wrap">
                            <li>
                                <div>
                                    <div class="item-input form-control pr">
                                        <span class="lr-tel-ico new-tel-ico">
                                            <em class="iconfont icon-shoujihao"></em>
                                        </span>
                                        <input id="account" placeholder="请输入登录账号" type="text">
                                    </div>
                                </div>
                                <section class="form-tips__wrap hide">
                                    <span class="ft-error" id="errorMelMessage">

                                    </span>
                                </section>
                            </li>
                            <li>
                                <div>
                                    <div class="item-input form-control pr">
                                        <span class="lr-tel-ico new-tel-ico">
                                            <em class="iconfont icon-mima"></em>
                                        </span>
                                        <input id="password" placeholder="请输入登录密码" type="password"/>
                                    </div>
                                </div>
                                <section class="form-tips__wrap hide">
                                    <span class="ft-error" id="errorPsdMessage">

                                    </span>
                                </section>
                            </li>
                            <li>
                                <div class="clearfix">
                                    <aside class="pull-right">
                                        <a th:href="@{/mobile/user/register}" class="lr-links">注册新账号</a>
                                    </aside>
                                    <aside class="pull-left">
                                        <a th:href="@{/mobile/user/retrievePassword}" class="lr-links">忘记密码</a>
                                    </aside>
                                </div>
                            </li>
                        </ul>
                        <div class="content-block">
                            <div class="lr-suBtn__wrap">
                                <a href="javascript:void(0);" class="button button-big button-round"  th:text="'登录，进入'+${titleName}" id="doLogin"></a>
                            </div>
                        </div>

                        <div  th:classappend="${isWeChat}!=true?'text-center':''" class="content-block lr-thlogin__wrap">
                            <th:block th:if="(${weiXinLoginSwitch}   eq 'ON' and ${isWeChat}) or (${qqLoginSwitch } eq'ON' and !${isWeChat}) ">
                                <div class="text-center">
                                    OR
                                </div>
                            </th:block>
                            <div class="row">
                                <div th:if="${isWeChat && weiXinLoginSwitch=='ON'}" class="col-100 text-center">
                                    <a href="javascript:void (0);" id="weixinLogin" data-id="WEIXIN" class="lr-thlogin-btn">
                                        <em class="iconfont icon-winxin"></em>
                                    </a>
                                </div>
                                <div th:if="${!isWeChat && qqLoginSwitch =='ON'}" class="col-100">
                                    <a href="javascript:void (0);" id="qqLogin" data-id="QQ" class="lr-thlogin-btn">
                                        <em class="iconfont icon-icon3"></em>
                                    </a>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </article>
    </div>

    <script type="text/javascript" th:src='@{{path}/front/mobile/libs/zepto/zepto.min.js?v={v}(path=${staticPath},v=${v})}' charset="utf-8"></script>
    <script th:src="@{{path}/common/libs/jquery.serializeJSON/jquery.serializejson.min.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script th:src="@{{path}/common/cookie/cookie-utils.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script th:src="@{{path}/front/mobile/business/common/global.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script th:src="@{{path}/front/mobile/business/user/login/common-login-utils.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script th:src='@{{path}/front/mobile/libs/wmui/0.6.2/js/wm.min.js?v={v}(path=${staticPath},v=${v})}' charset="utf-8"></script>
    <script th:src="@{{path}/common/pv/pv-statistics-count.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script type="text/javascript" th:src='@{{path}/front/mobile/business/user/login/login.js?v={v}(path=${staticPath},v=${v})}'></script>
    <script type="text/javascript" th:src="@{{path}/common/jsencrypt/jsencrypt.min.js?v={v}(path=${staticPath},v=${v})}"> </script>
    <script th:inline="javascript" type="text/javascript">
        var staticPath =[[ ${staticPath}]];
        var SHARE_KEY =[[${SHARE_KEY}]];
        var uploadPath =[[ ${uploadPath}]];
        var siteTile =[[${infoMap['company']}]];
        var baseloaction = [[${#httpServletRequest.getContextPath()}]];
        var logoUrl = [[${logoMap['url']}]];
        pv_statistics_count(uploadPath);
        var publicKey = [[${keyMap['publicKey']}]];
        var sign = [[${keyMap['sign']}]];
        if(baseloaction === "/"){
            baseloaction="";
        }
    </script>
</body>
</html>